<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/6/21
  Time: 21:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>个人信息</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- All Plugins Css -->
    <link href="assets/css/plugins.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="assets/css/styles.css" rel="stylesheet">
    <script src="assets/js/search.js"></script>
    <script type="text/javascript">
        var msg = "${msg}"
        if(msg!=""){
            alert(msg)
        }
    </script>
</head>

<body class="blue-skin">
<!-- ============================================================== -->
<!-- Preloader - style you can find in spinners.css -->
<!-- ============================================================== -->
<div class="Loader"></div>

<!-- ============================================================== -->
<!-- Main wrapper - style you can find in pages.scss -->
<!-- ============================================================== -->
<div id="main-wrapper">

    <!-- ============================================================== -->
    <!-- Top header  -->
    <!-- ============================================================== -->
    <!-- Start Navigation -->
    <div class="header header-light">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <nav id="navigation" class="navigation navigation-landscape">
                        <div class="nav-header">
                            <a class="nav-brand" href="#">
                                <img src="assets/img/logo3.png" class="logo" alt="" />
                            </a>
                            <div class="nav-toggle"></div>
                        </div>
                        <div class="nav-menus-wrapper">
                            <ul class="nav-menu">

                                <li><a href="jump/toindex">主页<span class="submenu-indicator"></span></a>
                                </li>

                                <li><a href="jump/tostudy">学习主题<span class="submenu-indicator"></span></a>
                                    <ul class="nav-dropdown nav-submenu">
                                        <li><a href="jump/toclass">Java</a></li>
                                        <li><a href="jump/toclass">Java Script</a></li>
                                        <li><a href="jump/toclass">C</a></li>
                                        <li><a href="jump/toclass">C#</a></li>
                                        <li><a href="jump/toclass">C++</a></li>
                                        <li><a href="jump/toclass">Python</a></li>
                                    </ul>
                                </li>
                                <li><a href="jump/toarticles">精品文章</a></li>
                                <li><a href="jump/tofaq">问题与解答</a></li>
                                <li><a href="jump/toteacher">金牌讲师<span class="submenu-indicator"></span></a>
                                    <ul class="nav-dropdown nav-submenu">
                                        <li><a href="jump/toteacher">mxt</a></li>
                                    </ul>
                                </li>
                                <li class="active"><a href="jump/touser">其他<span class="submenu-indicator"></span></a>
                                    <ul class="nav-dropdown nav-submenu">
                                        <li><a href="jump/tologin">登录</a></li>
                                        <li><a href="jump/tosignup">注册</a></li>
                                        <li><a href="jump/towallets">数据表</a></li>
                                        <li><a href="jump/touser">个人信息</a></li>
                                        <li><a href="index/logout/${jump}">退出登录</a> </li>
                                    </ul>
                                </li>
                            </ul>
                            <jsp:include page="denglu.jsp"/>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- End Navigation -->
    <div class="clearfix"></div>
    <!-- ============================================================== -->
    <!-- Top header  -->
    <!-- ============================================================== -->

    <!-- ============================ Dashboard Header Start================================== -->
    <div class="_agt_dash dark" style="background:#675bca url(assets/img/tag-light.png) no-repeat;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">

                    <div class="dash_hyu76">
                        <div class="dash_hyu74">
                            <div class="dash_hyu72">
                                <img src="assets/img/logos.png" class="img-fluid" alt="" />
                            </div>
                            <div class="dash_hyu71">
                                <h4 class="_hyu71_title">Digital Studio</h4>
                                <span>Member Since Dec 2010 USA</span>
                                <div class="_hyu71_button">
                                    <a href="#" class="_njy_likes">Portfolio</a>
                                </div>
                            </div>
                        </div>
                        <div class="dash_hyu75">
                            <div class="_hyu75">
                                <h4>302</h4>
                                <span>Total Sales</span>
                            </div>
                            <div class="_hyu75_1">
                                <div class="_iju7_reviw">
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star filled"></i>
                                    <i class="fa fa-star"></i>
                                    <span>(102 Reviews)</span>
                                </div>
                                <span>Author Rattings</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ========================== Dashboard Elements ============================= -->
    <section class="gray-light">
        <div class="container">

            <div class="row">
                <div class="col-lg-3 col-md-4 col-sm-12">
                    <div class="nav flex-column nav-pills extra_jhysfr" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                        <a class="nav-link active" id="v-pills-basic-tab" data-toggle="pill" href="#v-pills-basic" role="tab" aria-controls="v-pills-basic" aria-selected="true">个人信息</a>
                        <a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">头像</a>
                        <a class="nav-link" id="v-pills-saved-tab" data-toggle="pill" href="#v-pills-saved" role="tab" aria-controls="v-pills-saved" aria-selected="false">发布的问题</a>
                        <a class="nav-link" id="v-pills-email-tab" data-toggle="pill" href="#v-pills-email" role="tab" aria-controls="v-pills-email" aria-selected="false">回复的问题</a>
                        <a class="nav-link" id="v-pills-social-tab" data-toggle="pill" href="#v-pills-social" role="tab" aria-controls="v-pills-social" aria-selected="false">收藏夹</a>
                        <a class="nav-link" id="v-pills-support-tab" data-toggle="pill" href="#v-pills-support" role="tab" aria-controls="v-pills-support" aria-selected="false">错题集</a>
                        <a class="nav-link" id="v-pills-featured-tab" data-toggle="pill" href="#v-pills-featured" role="tab" aria-controls="v-pills-featured" aria-selected="false">导出问题为excal表格</a>
                    </div>
                </div>

                <div class="col-lg-9 col-md-8 col-sm-12">
                    <div class="tab-content" id="v-pills-tabContent">
                        <div class="tab-pane fade show active" id="v-pills-basic" role="tabpanel" aria-labelledby="v-pills-basic-tab">
                            <div class="alert alert-success" role="alert">
                                未经您的许可，我们不会出售或分享您的详细信息。
                            </div>
                            <div class="extra_ijyu98">
                                <div class="extra_ijyu98_head">
                                    <h4>个人信息</h4>
                                </div>
                                <div class="extra_ijyu98_body">
                                    <form class="simple_uyt">
                                        <div class="row">

                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <label>用户名</label>
                                                    <input type="text" class="form-control" value="${user.uname}" disabled="">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <label>所在城市</label>
                                                    <input type="text" class="form-control" value="Kumar" disabled="">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <label>邮箱</label>
                                                    <input type="email" class="form-control" value="${user.uemail}" disabled="">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <label>电话</label>
                                                    <input type="text" class="form-control" value="${user.uphone}" disabled>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <label>生日</label>
                                                    <input type="text" class="form-control" value="${user.ubirth}" disabled="">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <label>星座</label>
                                                    <input type="text" class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <label>注册时间</label>
                                                    <input type="text" class="form-control" value="${user.uregiste}" disabled="">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <label>码龄</label>
                                                    <input type="text" class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <label>所在公司</label>
                                                    <input type="text" class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <label>月薪</label>
                                                    <input type="text" class="form-control" value="999999999￥" disabled>
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-md-12">
                                                <div class="form-group">
                                                    <button type="submit" class="btn btn_update">Save & Update</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
                            <div class="extra_ijyu98">
                                <div class="extra_ijyu98_head">
                                    <h4>Public Profile</h4>
                                </div>
                                <div class="extra_ijyu98_body">
                                    <div class="row">
                                        <div class="col-lg-12 col-md-12">
                                            <form>
                                                <div class="_sin89lio">
                                                    <div class="form-group row">
                                                        <label class="col-lg-3 col-md-4 col-sm-12 col-form-label">Avatar</label>
                                                        <div class="_sin89lio_thumb col-lg-9 col-md-8 col-sm-12">
                                                            <img src="assets/img/logos-1.png" class="img-fluid" alt="" />
                                                            <div class="_sin89lio_caption">
                                                                <div class="custom-file">
                                                                    <input type="file" class="custom-file-input" id="customFile">
                                                                    <label class="custom-file-label" for="customFile">Choose file</label>
                                                                </div>
                                                                <small>JPEG 80x80px</small>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label class="col-lg-3 col-md-4 col-sm-12 col-form-label">Avatar</label>
                                                        <div class="_sin89lio_thumb col-lg-9 col-md-8 col-sm-12">
                                                            <img src="assets/img/theme.jpg" class="img-fluid" alt="" />
                                                            <div class="_sin89lio_caption">
                                                                <div class="custom-file">
                                                                    <input type="file" class="custom-file-input" id="customFile2">
                                                                    <label class="custom-file-label" for="customFile2">Choose file</label>
                                                                </div>
                                                                <small>JPEG 1000x500px</small>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label class="col-lg-3 col-md-4 col-sm-12 col-form-label">Profile Heading</label>
                                                        <div class="_sin89lio_thumb col-lg-9 col-md-8 col-sm-12">
                                                            <input type="text" class="form-control" value="Degital Design with Love">
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label class="col-lg-3 col-md-4 col-sm-12 col-form-label">Description</label>
                                                        <div class="_sin89lio_thumb col-lg-9 col-md-8 col-sm-12">
                                                            <textarea name="message" class="form-control" placeholder="Type Message"></textarea>
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label class="col-lg-3 col-md-4 col-sm-12 col-form-label">Available for freelance?</label>
                                                        <div class="_sin89lio_thumb col-lg-9 col-md-8 col-sm-12">
                                                            <ul class="no-ul-list mb-3">
                                                                <li>
                                                                    <input id="b" class="checkbox-custom" name="b" type="checkbox" checked>
                                                                    <label for="b" class="checkbox-custom-label">Yes</label>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <div class="_sin89lio_thumb col-lg-12 col-md-12 col-sm-12">
                                                            <button type="submit" class="btn btn_update">Save &amp; Update</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="v-pills-saved" role="tabpanel" aria-labelledby="v-pills-saved-tab">

                            <div class="extra_ijyu98">
                                <div class="extra_ijyu98_head">
                                    <h4>Saved Credit Cards</h4>
                                </div>
                                <div class="extra_ijyu98_body">
                                    <div class="row">

                                        <div class="col-lg-6 col-md-12 col-sm-12">
                                            <div class="card_ioj765">
                                                <a href="#" class="_del789"><i class="fa fa-trash"></i></a>
                                                <div class="_ioj765_thumb">
                                                    <img src="assets/img/visa.png" class="img-fluid" alt="" />
                                                </div>
                                                <div class="_ioj765_capt">
                                                    <label>Card Number</label>
                                                    <h4>**** **** **** 4215</h4>
                                                </div>
                                                <div class="_ioj765_foot">
                                                    <div class="_ioj765_left">
                                                        <label>Card Holder</label>
                                                        <h4>Dhananjay Kumar</h4>
                                                    </div>
                                                    <div class="_ioj765_right">
                                                        <label>Expire Date</label>
                                                        <h5>12/27</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-12 col-sm-12">
                                            <div class="card_ioj765">
                                                <a href="#" class="_del789"><i class="fa fa-trash"></i></a>
                                                <div class="_ioj765_thumb">
                                                    <img src="assets/img/mass.png" class="img-fluid" alt="" />
                                                </div>
                                                <div class="_ioj765_capt">
                                                    <label>Card Number</label>
                                                    <h4>**** **** **** 8625</h4>
                                                </div>
                                                <div class="_ioj765_foot">
                                                    <div class="_ioj765_left">
                                                        <label>Card Holder</label>
                                                        <h4>Dhananjay Verma</h4>
                                                    </div>
                                                    <div class="_ioj765_right">
                                                        <label>Expire Date</label>
                                                        <h5>01/25</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="tab-pane fade" id="v-pills-email" role="tabpanel" aria-labelledby="v-pills-email-tab">
                            <div class="extra_ijyu98">
                                <div class="extra_ijyu98_head">
                                    <h4>Saved Credit Cards</h4>
                                </div>
                                <div class="extra_ijyu98_body">
                                    <div class="row">

                                        <div class="col-lg-12 col-md-12">
                                            <div class="_iolp65">
                                                <ul class="no-ul-list mb-3">
                                                    <li>
                                                        <input id="aa-4" class="checkbox-custom" name="aa-4" type="checkbox">
                                                        <label for="aa-4" class="checkbox-custom-label">Rating reminders</label>
                                                    </li>
                                                    <li>
                                                        <input id="aa-5" class="checkbox-custom" name="aa-5" type="checkbox">
                                                        <label for="aa-5" class="checkbox-custom-label">Item update notifications</label>
                                                    </li>
                                                    <li>
                                                        <input id="aa-6" class="checkbox-custom" name="aa-6" type="checkbox">
                                                        <label for="aa-6" class="checkbox-custom-label">Item comment notifications</label>
                                                    </li>
                                                    <li>
                                                        <input id="aa-7" class="checkbox-custom" name="aa-7" type="checkbox">
                                                        <label for="aa-7" class="checkbox-custom-label">Team comment notifications</label>
                                                    </li>
                                                    <li>
                                                        <input id="aa-8" class="checkbox-custom" name="aa-8" type="checkbox">
                                                        <label for="aa-8" class="checkbox-custom-label">Item review notifications</label>
                                                    </li>
                                                    <li>
                                                        <input id="aa-9" class="checkbox-custom" name="aa-9" type="checkbox">
                                                        <label for="aa-9" class="checkbox-custom-label">Buyer review notifications</label>
                                                    </li>
                                                    <li>
                                                        <input id="aa-hh" class="checkbox-custom" name="aa-hh" type="checkbox">
                                                        <label for="aa-hh" class="checkbox-custom-label">Expiring support notifications</label>
                                                    </li>
                                                    <li>
                                                        <input id="aa-ff" class="checkbox-custom" name="aa-ff" type="checkbox">
                                                        <label for="aa-ff" class="checkbox-custom-label">Daily summary emails</label>
                                                    </li>
                                                </ul>
                                                <div class="form-group">
                                                    <button type="submit" class="btn btn_update">Save &amp; Update</button>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="v-pills-social" role="tabpanel" aria-labelledby="v-pills-social-tab">
                            <div class="extra_ijyu98">
                                <div class="extra_ijyu98_head">
                                    <h4>您的收藏夹</h4>
                                </div>
                                <div class="extra_ijyu98_body">
                                    <c:forEach items="${clist}" var="c">
                                        <div class="_sin98ufaq">
                                            <h4>${c.qid.qtext}<span style="float: right">
                                                    <a href="user/deletecollect/${c.qid.qid}">取消收藏</a>
                                <a id="${c.qid.qid-44444}" href="javascript:void(0)" displayname="${c.qid.qid-99999}" displayname2="${c.qid.qid-33333}" onclick="showAnswer(this)" hidden="hidden">显示</a>
                                    <a id="${c.qid.qid-33333}" href="javascript:void(0)" displayname="${c.qid.qid-99999}" displayname2="${c.qid.qid-44444}" onclick="hiddenAnswer(this)">隐藏</a>
                                </span></h4>
                                            <h4 align="right">语言：${c.qid.sid.sname}。提问人：${c.qid.uid.uname}</h4>
                                            <c:if test="${user.uid == c.qid.uid.uid && user.uid != 1}">
                                                <a href="javascript:void(0);" style="color: red;float: right" class="liks light-dark" displayname="${c.qid.qid}" onclick="deleteReview(this)">删除问题</a>
                                            </c:if>
                                            <c:if test="${user.uid==1}"><!-- 判断是否为管理员账号 -->
                                            <a href="javascript:void(0);" style="color: red;float:right;" class="liks light-dark" displayname="${c.qid.qid}" onclick="deleteReview(this)">删除问题</a>
                                            </c:if>
                                            <div id="${c.qid.qid-99999}">
                                                <c:forEach items="${tlist}" var="t">
                                                    <c:if test="${c.qid.qid==t.qid}">
                                                        <br/><p>${t.ttext}</p><span style="float: right">回答人：${t.uid.uname}。时间：${t.tsend}
                                    <c:if test="${user.uid == c.qid.uid.uid && user.uid != 1}">
                                        <a href="javascript:void(0);" style="color: red" class="liks light-dark" displayname="${t.tid}" onclick="deleteAnswer(this)">删除回答</a>
                                    </c:if>
                                                        <c:if test="${user.uid==1}"><!-- 判断是否为管理员账号 -->
                                            <a href="javascript:void(0);" style="color: red" class="liks light-dark" displayname="${t.tid}" onclick="deleteAnswer(this)">删除回答</a>
                                        </c:if>
                                    </span>
                                                    </c:if>
                                                </c:forEach>
                                            </div>
                                            <br/>
                                            <div style="float: right"><a href="javascript:void(0);" style="color: red"
                                                                         class="liks light-dark" displayname="${c.qid.qid}" onclick="showReview(this)">回答问题/评论</a></div>
                                            <div id="${c.qid.qid}" hidden="hidden">
                                                <form action="faq/answerQuestion" method="post">
                                                    <textarea rows="6" cols="75" placeholder="请输入您的答案" id="${c.qid.qid}" name="text"></textarea>
                                                        <%--                                        <input type="text" id="${q.qid}" name="text" style="width: 860px;height: 400px"/>--%>
                                                    <input type="hidden" name="qid" value="${c.qid.qid}"/>
                                                    <br/>
                                                    <input type="submit" value="确定提交">
                                                </form>
                                            </div>
                                        </div>
                                    </c:forEach>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="v-pills-support" role="tabpanel" aria-labelledby="v-pills-support-tab">
                            <div class="extra_ijyu98">
                                <div class="extra_ijyu98_head">
                                    <h4>About Item Support</h4>
                                </div>
                                <div class="extra_ijyu98_body">
                                    <div class="row">
                                        <div class="col-lg-12 col-md-12">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                                            <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
                                        </div>
                                        <div class="col-lg-12 col-md-12">
                                            <div class="_iolp65">
                                                <ul class="no-ul-list mb-3">
                                                    <li>
                                                        <input id="a-4" class="checkbox-custom" name="a-4" type="checkbox">
                                                        <label for="a-4" class="checkbox-custom-label">01 Business Day</label>
                                                    </li>
                                                    <li>
                                                        <input id="a-5" class="checkbox-custom" name="a-5" type="checkbox">
                                                        <label for="a-5" class="checkbox-custom-label">02  Business Day</label>
                                                    </li>
                                                    <li>
                                                        <input id="a-6" class="checkbox-custom" name="a-6" type="checkbox">
                                                        <label for="a-6" class="checkbox-custom-label">03 Business Day</label>
                                                    </li>
                                                    <li>
                                                        <input id="a-7" class="checkbox-custom" name="a-7" type="checkbox">
                                                        <label for="a-7" class="checkbox-custom-label">04 Business Day</label>
                                                    </li>
                                                    <li>
                                                        <input id="a-8" class="checkbox-custom" name="a-8" type="checkbox">
                                                        <label for="a-8" class="checkbox-custom-label">05 Business Day</label>
                                                    </li>
                                                </ul>
                                                <div class="form-group">
                                                    <button type="submit" class="btn btn_update">Save &amp; Update</button>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="v-pills-featured" role="tabpanel" aria-labelledby="v-pills-featured-tab">
                            <a href="excel/java">导出问题</a>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </section>
    <!-- ========================== Dashboard Elements ============================= -->

    <!-- ============================ Call To Action Start ================================== -->
    <section class="call-to-act" style="background:#5d47dd url(assets/img/landing-bg.png) no-repeat">
        <div class="container">
            <div class="row justify-content-center">

                <div class="col-lg-7 col-md-8">
                    <div class="clt-caption text-center mb-4">
                        <h3>Subscribe Now!</h3>
                        <p>Simple pricing plans. Unlimited web maintenance service</p>
                    </div>
                    <div class="inner-flexible-box subscribe-box">
                        <div class="input-group">
                            <input type="text" class="form-control large" placeholder="Enter your mail here">
                            <button class="btn btn-subscribe" type="button"><i class="fa fa-arrow-right"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ============================ Call To Action End ================================== -->

    <!-- =========================== Footer Start ========================================= -->
    <jsp:include page="footer.jsp"></jsp:include>
    <!-- =========================== Footer End ========================================= -->

    <!-- Log In Modal -->
    <!-- End Modal -->

</div>
<!-- ============================================================== -->
<!-- End Wrapper -->
<!-- ============================================================== -->

<!-- ============================================================== -->
<!-- All Jquery -->
<!-- ============================================================== -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/select2.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/ion.rangeSlider.min.js"></script>
<script src="assets/js/counterup.min.js"></script>
<script src="assets/js/custom.js"></script>
<!-- ============================================================== -->
<!-- This page plugins -->
<!-- ============================================================== -->

<script>
    function openRightMenu() {
        document.getElementById("rightMenu").style.display = "block";
    }
    function closeRightMenu() {
        document.getElementById("rightMenu").style.display = "none";
    }
</script>

</body>

</html>